<template>
  <div class="app">
    <VirtualListView :listData="list"></VirtualListView>
  </div>
</template>

<script>
import VirtualListView from './components/VirtualListView.vue';
export default {
  name: 'ElementView',
  components: {
    VirtualListView,
  },
  data() {
    return {
      list: []
    }
  },
  mounted() {
    for (let i = 0; i < 100000; i++) {
      this.list.push({ id: i, value: i })
    }
  },
}
</script>
<style lang="css" scoped>
.app {
  height: 400px;
  /* 设置可视区域的高度 */
  width: 300px;
  /* 设置可视区域的宽度 */
  border: 1px solid #000;
  /* 边框，便于看到边界 */
}
</style>
